@charset "utf-8";
/******************  page  ********************/
body,h1,h2,h3,h4,h5,h6,p,form,ul,li,ol,dt,dd,dl{margin:0;padding:0;}
b,s,u{font-weight: normal;text-decoration: none;}
ul,li{list-style:none;}
img{border:0px;}

/******************  common  ********************/
body{background:#f0f0f0; color: #787878;}
a{color:#000; text-decoration:none;}
a:hover{color:#000; text-decoration:none;}
.clear{clear:both; height:0px; overflow:hidden;}
.flow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ts{line-height: 300px; text-align: center;}

/******************  base  ********************/

/*训练计划*/
.zoom{ width: 320px; margin: 0 auto;}
.cont-01{ background: #fff; margin: 15px; border-radius: 5px; height: 150px; padding: 20px 0px; border: 1px solid #e5e5e5;}
.cont-01 .top{ width: 190px; height: 120px; position: relative; margin: 0 auto;}
.cont-01 .top img{ width: 80px; height: 80px; display: block; margin: 0 auto; border-radius: 80px;}
.cont-01 .top img{
    -webkit-animation-name:xx;
    -webkit-animation-duration: 1.5s;
}
@-webkit-keyframes xx{
    100%{-webkit-transform: perspective(999px) rotateX(-360deg);}
}
.cont-01 .top div{ width: 190px; height: 27px; background: #73bb57; border-radius: 27px; text-align: center; line-height: 27px; position: absolute;left:0;top:100px; color: #fff; display: none;}
.cont-01 .top div span{position:absolute;right:-10px;top:-8px;display: block; border-radius: 50px; width: 50px; height: 50px; line-height: 50px; text-align: center; background: #ffea07; color: #000;}
.cont-01 .top div span b{font-size:20px;}
.cont-01 .statistics{ text-align: center; line-height: 25px; font-size: 14px; display: none;}

.cont-02{ background: #fff; margin: 15px; border-radius: 5px; min-height: 150px; padding: 15px 0px;border: 1px solid #e5e5e5;}
.cont-02 ul{width: 280px;overflow: auto; margin: 0 auto; display: none;}
.cont-02 ul li{float: left; width: 28px; height: 28px; color: #cacaca; line-height: 28px; font-size: 14px; margin: 5px; text-align: center; border-bottom: 1px #cacaca solid;border-top: 1px #fff solid;border-left: 1px #fff solid;border-right: 1px #fff solid;}
.cont-02 ul .not{ background: #fff; color: #ff0000;border-bottom: 1px #ff0000 solid;border-top: 1px #fff solid;border-left: 1px #fff solid;border-right: 1px #fff solid; }

.cont-02 ul .accomplish{background: #fff; color:#22ac38;border-bottom: 1px #22ac38 solid;border-top: 1px #fff solid;border-left: 1px #fff solid;border-right: 1px #fff solid;}
.cont-02 ul .rest{ background: #fff; color: #ffa200;border-bottom: 1px #ffa200 solid;border-top: 1px #fff solid;border-left: 1px #fff solid;border-right: 1px #fff solid; }

/*.cont-02 ul .not{background: #fff; color: #ff0000;border: 1px #ff0000 solid;}*/
.cont-02 ul #today{background: #fff; color: #ff0000;border: 1px #ff0000 solid;}
.cont-02 ul #today1{background: #fff; color:#22ac38;border: 1px #22ac38 solid;}
.cont-02 ul #today0{width: 30px;height: 24px; line-height: 18px; margin: 5px 5px 2px 5px; background: url("http://plank.qiniudn.com/today0.png") no-repeat; background-size: 30px; color: #ead28e;}

.cont-02 div{clear: both;width: 280px; height:30px;overflow: auto; margin: 0 auto; display: none; padding: 10px 0;}
.cont-02 div span{ float: left; width: 33%; line-height: 30px; font-size: 14px;}
.cont-02 div span b{float: left; width: 10px; height: 10px;margin: 6px; position: relative;top:4px; border-radius: 50%;}
.cont-02 div span .b1{background: url("http://plank.qiniudn.com/today.png") no-repeat; background-size: 15px 15px;}
.cont-02 div span .b2{background:#ffa200;}
.cont-02 div span .b3{background:#22ac38;}
.cont-02 div span .b4{background:#ff0000;}
.cont-02 div span .b5{background: url("http://plank.qiniudn.com/today0.png") no-repeat; background-size: 15px 15px;}
.cont-02 div span .b6{background: url("http://plank.qiniudn.com/today1.png") no-repeat; background-size: 15px 15px;}
.cont-02 div span .b7{background: url("http://plank.qiniudn.com/today.png") no-repeat; background-size: 15px 15px; }
.cont-02 div .span{font-size: 12px;}

.cont-03{ margin: 25px 15px;}
.cont-03 a{height: 34px; line-height: 34px; font-size: 14px; display: none; text-align: center; border: 1px solid #73bb57; border-radius: 5px;position: relative; }
.cont-03 a:hover{ background: #73bb57; color: #fff;}
.cont-03 .l{width: 45%; float: left; margin-bottom: 20px;top:-20px;}
.cont-03 .r{width: 45%; float: right;margin-bottom: 20px;top:-20px;}
.cont-03 .reset{width: 100%; clear: both;display: none;}
.cont-04{margin: 25px 15px; display: none;}
.cont-04 .download{height: 40px; display: block; line-height: 40px; font-size: 14px;text-align: center; border: 1px solid #ee6a61;background: #ee6a61; color: #fff; border-radius: 5px;position: relative; width: 100%;clear: both;}

/*辅助运动*/
.assist p {line-height: 25px;  padding:10px 20px;  font-size: 14px;  }
.assist img {display: block;  width: 90%;  margin: 10px auto;  border: 4px #fff solid;  }
.assist h2 {font-size: 24px;  padding:10px 20px;  margin: 0px;  }
.assist h3 {font-size: 16px;  padding:10px 20px;  margin: 0px;  }

/*训练计划*/
.details{ background: #414141; position: absolute;top:0px; bottom: 0px;left:0px;right:0px;}
.details .header{ height: 138px; border-bottom: 1px solid #dcdcdc; padding-top: 30px; color: #5a5a5a; background: #fafafa;}
.details .header .top{ width: 270px; margin: auto; height: 100px; position: relative;}
.details .header .top img{position: absolute;left:0px;top:0px; width: 80px; height: 80px; border-radius: 80px;}
.details .header .top b{display: block;position: absolute;top:55px;left:50px; width: 36px; height: 36px; line-height: 30px; text-align: center; background: url("http://plank.qiniudn.com/degrade.png") no-repeat; background-size: 36px 36px; color:#e08b3e;}
.details .header .top .name{ position: absolute;left: 100px;top:35px; font-size: 26px;}
.details .header .top .describe{ position: absolute;top:70px;right:0px; font-size: 8px;}
.details .header .top .describe span{font-size: 12px; color:#000;}
.details .header .course{width: 270px; margin: auto; height: 15px; background: #dcdcdc; border-radius: 15px; position: relative; overflow: hidden;}
.details .header .course p{ background: #fcde2d; height: 15px;border-radius: 15px; width: 1%;}

.details .honor{ height: 96px; position: relative; background: #fafafa;}
.details .honor img{position: absolute;top:10px;left:20px; width: 106px;}
.details .honor span{ position: absolute;right:42px; bottom:10px; font-size: 57px;/*font-size:30px;*/font-style:italic; color:#fcde2d;}

.details .record{ height: 87px; background: #414141; padding: 30px 0 20px;}
.details .record p{ line-height: 40px; font-size: 30px; font-size: 18px; margin: 0 40px; height: 40px;}
.details .record p span{ float: left; color:#b4b4b4;}
.details .record p b{ float: right; color: #fcde2d;}
.details .img{display: block; width: 100%;}
.details .help{ position: fixed; right:15px;top:15px; width: 30px; height: 30px; padding: 5px; border-radius: 40px; line-height: 30px; text-align: center; background: #aaa;color: #fff;}
.details .helpDiv{ display: none; width: 240px; height: 290px; padding: 15px; border: 10px solid #eee; background: #fff; position: fixed;top:10px;left:50%; margin-left: -145px; z-index: 999999;}
.details .helpDiv strong{color: #148394; display: block; line-height: 30px; font-size: 14px;}
.details .helpDiv p{ text-indent: 26px; font-size: 12px; color: #666; line-height: 20px;}
.details .helpBg{display: none;position: fixed; top:0;left:0;right:0;bottom:0; background: rgba(0,0,0,0.5); z-index: 99999;}
.details .off{ position: absolute;right:-20px;top:-20px; padding: 5px; width: 30px; height: 30px; background: #cd2737; border-radius: 30px; line-height: 30px; display: block;  text-align: center; color: #fff; font-size: 20px;}

/*pk日志*/
.pk{ padding-top: 71px;}
.pk .header{height: 70px; border-bottom: 1px solid #b4b4b4; background: #fcde2d; position: fixed; width: 100%;top:0;left:0; z-index: 100000;}
.pk .header p{text-align:center; height: 70px; float: left; width: 50%;}
.pk .header .p{ background: #f8eba1;}
.pk .header p img{ width: 94px; padding-top: 23px;}
.pk li{height: 84px; position: relative; z-index: 10; background: #e6e6e6;}
.pk .li{ background: #fff}
.pk li span{ float: left; height: 84px;}
.pk .span1 img{display: block; border-radius: 50px; height: 50px; width: 50px; position: absolute;left:10px;top:16px;}
.pk .span1 a{ display: block; height: 84px;}
.pk .span1{ width: 20%; position: relative;}
#fs_li .span2{width: 30%;}
#jg_li .span2{width: 50%;}
.pk .span2 strong{display: block; margin:0 auto;line-height: 20px; width: 90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-top: 20px; font-size: 16px; color: #f85016;}
.pk .span2 b{ display: block;margin:0 auto;line-height: 20px; width: 90%; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size: 13px; color: #000;}
.pk .span3{width: 30%;}
.pk .span3 strong{display: block; margin:0 auto;line-height: 28px; width: 90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-top: 16px; font-size: 12px; color: #5a5a5a; margin-left: 12px;}
.pk .span3 b{ display: block; height: 30px; background: url("http://plank.qiniudn.com/debei.png") no-repeat left top; background-size: 22px; line-height: 22px; padding: 0 0 0 28px; margin-left: 12px; color:#5a5a5a; font-size: 22px; }
.pk .span3 .b1{ color: #ff3504;}
.pk .span3 .b2{ color: #fd9b00;}
.pk .span4{width: 20%;}
.pk .span4 a{ display: block; width: 80%; height: 30px; border-radius: 3px; background: #969696; color: #fff; line-height: 30px; text-align: center; margin: auto; margin-top: 27px;}
.pk .span4 .a{ background:#ed332a;}

/*个人主页*/
.user .li{border-top:1px solid #eee; line-height:30px; padding:0px 5px; color:#666;margin:0px 10px; font-size:14px;}
.user .li span{ color:#333;}
.user .li1{ background:url(http://plank.qiniudn.com/user_g.png) no-repeat 0px 2px; background-size:25px; padding-left:30px;}
.user .li2{ background:url(http://plank.qiniudn.com/user_l.png) no-repeat 0px 2px; background-size:25px; padding-left:30px;}
.user .li3{ background:url(http://plank.qiniudn.com/user_j.png) no-repeat 0px 2px; background-size:25px; padding-left:30px;}
.user .table{padding:5px 0px;font-size:14px; width:100%; margin: 0px;}
.user table,.user table td{border-collapse:collapse;border:solid 1px #dfdfdf;font-size:12px; line-height:22px;margin:0px auto;}
.user table td{ padding: 4px;}
.user .tr td{ background: #fff; font-size: 14px;}

.baom{ display: block; width:80px; height: 40px; background: #169cb0; color: #fff; line-height: 40px; text-align: center;  border-radius: 5px; position: absolute;top:10px;right:15px;}
.inid{ display: none; background: rgba(0,0,0,0.7); position: fixed;top:0;left:0;right:0;bottom:0;}
.inid .div{ width: 280px; height: 180px; background: #fff; border-radius: 5px; margin: 30px auto;}
.inid .div b{ display: block; padding:20px 10px 0px 10px; font-size: 14px;}
.inid .div label{ display: block; margin:20px auto; height: 40px; line-height: 40px; width:256px; border-radius: 5px; border: 1px solid #ccc;}
.inid .div .ffo{display: block; width:260px; height: 40px; background: #169cb0; color: #fff; line-height: 40px; text-align: center;  border-radius: 5px; margin:10px auto;}

/*分享页面*/
.downPlankBottom{ height: 60px; position: fixed; bottom:0;left:0;right:0; background: rgba(0,0,0,0.9);}
.downPlankBottom img{ position: absolute;left:10px;top:10px; width: 40px; height: 40px;}
.downPlankBottom span{ position: absolute;left:60px;top:10px; color: #fff; font-size: 14px; line-height: 20px;}
.downPlankBottom b{ position: absolute;left:60px;bottom:10px; color: #fff; font-size: 10px; line-height: 20px; font-weight: normal;}
.downPlankBottom p{ position: absolute;top:13px;right:10px; height: 35px; width: 80px; text-align: center; line-height: 35px; border-radius: 5px; color: #fff; background: #9bc700;}
.downPlankBottom1{height: 60px;}

.post li{position:relative; padding: 10px 0;}
.post .name{ height: 50px; line-height: 35px;position: relative;margin: 0 15px;}
.post .name strong{ font-weight: normal; color: #3dbe7a; width:70%; font-size: 16px; float: left; padding-left: 40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.post .name span{position:absolute;right:0;top:0;font-size: 12px; color: #ddd; height: 35px; padding: 0px 0px 0px 15px; background: url("http://plank.qiniudn.com/sqic_clock.png") no-repeat 0px 11px; background-size: 13px;}
.post .head{ position: absolute;left: 15px;top:10px;width: 35px; height: 35px; border-radius: 35px;}
.post .cont{ line-height: 18px; padding: 0 0 5px; color: #000; margin: 0 15px;}
.post .cont .bubble-markdown-image{ display: block; width: 100%; margin: 10px auto; max-width: 600px;}
.post .tu{overflow: auto; margin:5px auto; width: 300px;}
.post .tu strong{ display: block; height: 36px; clear: both; line-height: 36px; font-size: 14px;}
.post .tu img{ float: left; width: 90px; height: 90px; margin:0 0 7px 7px;}
.post .source{ height: 25px; position: relative;margin: 5px 15px;}
.post .source .l{ float: left; color:#a3a3a3; font-size: 12px; line-height: 25px;}
.post .source .r{position: absolute;right:0;top:0; width: 110px;}
.post .source .r .good{ float:left;width: 50px;height: 25px; background: url("http://plank.qiniudn.com/sqcheckbox_good_normal.png") no-repeat;background-size: 50px; margin-left: 9px;}
.post .source .r .unlike{ float:left;width: 50px;height: 25px; background: url("http://plank.qiniudn.com/sqcheckbox_good_check.png") no-repeat;background-size: 50px; margin-left: 9px;}

.post .source .r .onrmal{ float:left;width: 50px;height: 25px; background: url("http://plank.qiniudn.com/sqcheckbox_comment_normal.png") no-repeat;background-size: 50px;}
.post .good-in{overflow: auto; padding: 5px 15px; border-bottom: 1px solid #dedede; border-top:1px solid #dedede;}
.post .good-in img{ width: 24px; height: 24px; border-radius: 100px;float: left; margin:5px 8px 5px 0;}
.post .good-in span{ width: 24px; height: 24px; border-radius: 100px;float: left; margin:5px; background: #ccc; text-align: center; line-height: 24px; color: #fff; font-size: 12px;}
.post .jiao{padding: 0 0 0 15px;height: 5px; width: 40px; }
.post .jiao div{ overflow: hidden; position: relative;z-index: 100;top:-6px;}
.post .jiao span{position:relative;top:-13px;overflow:hidden; width: 0;height: 0;border:8px #fff solid;border-bottom:8px #edebec solid; z-index: 10;}
.post .leave{ padding:10px 0; border-top:1px solid #dedede; min-height: 90px; }
.post .leave div>img{ position: absolute; left:-45px;top:15px; width: 35px; height: 35px; border-radius: 35px;}
.post .leave div{ position: relative; border-bottom: 1px solid #dedede; line-height: 20px; padding: 10px 8px 10px 0px; margin: 0 0 0 60px; font-size: 13px;}
.post .leave div a{color: #3dbe7a; font-style: normal;}
.post .leave div span{display: block;height:22px;line-height: 20px; font-size: 12px; overflow: hidden; clear: both; padding: 5px 5px 0 0;}
.post .leave div span s{text-decoration: none; color:#555; float: left;}
.post .leave div span b{ float:left;color: #a3a3a3;  font-weight:normal; height: 20px; padding: 0px 0px 0px 20px; background: url("http://plank.qiniudn.com/sqic_clock.png") no-repeat 5px 4px; background-size: 13px;}
.post .emotion{width: 16px; height: 16px;}
.downPlank{ display: none; position: fixed;top:0;bottom:0;right:0;left:0; background:rgba(0,0,0,0.6);}
.downPlank .img{ width: 150px; margin: 70px auto 20px; display: block;}
.downPlank .img1{width: 150px; margin: 20px auto 20px; display: block;}
.downPlank span{ height: 40px; line-height: 40px; font-size: 16px;color:#fff; display: block; text-align: center;}
.downPlank p{position: absolute;right:10px; top:10px; width: 30px; height: 30px; font-size: 30px; text-align: center; line-height: 80px; color: #ddd; background: url("http://7jpqaz.com1.z0.glb.clouddn.com/X.png") no-repeat; background-size: 100%;}



